/**
 * @ author: 汪孟苹
 */
@charset "utf-8";
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
/* begin info */
.selfRecord-info {
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 10px #B7C3D2;
}
.selfRecord-info > ul {
	margin-bottom: 0;
	padding-left: 0;
}
.selfRecord-info > ul > li {
	float: left;
	width: 25%;
	line-height: 2;
	text-align: center;
}
.selfRecord-info > ul > li > span {
	display: block;
	width: 5em;
	text-align: right;
}
.selfRecord-info > ul > li > span,
.selfRecord-info > ul > li > div {
	float: left;
}
/* end info */
/* begin 分类 */
.selfRecord-classify {
	background: #fff;
}
.selfRecord-classify > div {
	float: left;
	width: 33.3333%;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}
.selfRecord-classify > div + div {
	border-left: solid 1px #ddd;
}
.selfRecord-classify > div.active {
	background: #119BA9;
	color: #fff;
}
/* end 分类 */
.selfRecord-con .con {
	display: none;
}
/* begin table */
.selfRecord-table {
	background: #fff;
}
/* BMI begin */
.bmi-legend {
	float: right;
}
.bmi-legend > .item {
	margin-right: 15px;
	float: left;
	line-height: 34px;
}
.bmi-legend > .item:nth-child(1) {
	color: #2FA233;
}
.bmi-legend > .item:nth-child(2) {
	color: #3C3C3C;
}
.bmi-legend > .item:nth-child(3) {
	color: #F09C20;
}
.bmi-legend > .item:nth-child(4) {
	color: #E31E3E;
}
.bmi-table {
	background: #fff;
	border-right: solid 1px #119BA9;
	border-top: solid 1px #119BA9;
}
.bmi-table > .line.title {
	font-weight: bold;
}
.bmi-table > .line {
	display: -webkit-flex; /* Safari */
  	display: flex;
}
.bmi-table > .line.text-green {
	color: #2FA233;
}
.bmi-table > .line.text-orange {
	color: #F09C20;
}
.bmi-table > .line.text-red {
	color: #E31E3E;
}
.bmi-table > .line > div {
	width: 25%;
	height: 36px;
	padding: 8px 0;
	line-height: 20px;
	text-align: center;
	border-left: solid 1px #119BA9;
	border-bottom: solid 1px #119BA9;
}
.bmi-table > .line > div:first-child {
	color: #333;
}
.bmi-table-page {
	margin-top: 10px;
}
.bmi-table-page .page {
	float: right;
}
/* BMI end */
/* 月经与体温 begin */
.mt-box {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mt-date {
	float: left;
}
.mt-date > label {
	margin-bottom: 0;
	float: left;
	width: 3em;
	text-align: center;
	line-height: 34px;
	font-weight: normal;
}
.mt-date > .input-group {
	float: left;
	width: 215px;
}
.mt-legend {
	float: right;
}
.mt-legend > .item {
	margin-right: 15px;
	float: left;
	line-height: 34px;
}
.mt-legend > .item > i.fa-stop {
	color: #FFCADC;
}
.mt-legend > .item > i.fa-heart {
	color: #E51C23;
}
.mt-legend > .item > span {
	color: #666;
}
.mt-table {
	background: #fff;
	display: -webkit-flex; /* Safari */
  	display: flex;
  	justify-content: flex-start;
  	border-top: solid 1px #119BA9;
  	border-right: solid 1px #119BA9;
}
.mt-table .tit {
	position: relative;
}
.mt-table .tit > span {
	position: absolute;
	line-height: 1;
}
.mt-table .tit > .month {
	right: 5px;
	top: 5px;
}
.mt-table .tit > .day {
	left: 5px;
	bottom: 5px;
}
.mt-table .column {
	width: 7%;
}
.mt-table .column:first-child {
	width: 16%;
}
.mt-table .column > div {
	position: relative;
	border-left: solid 1px #119BA9;
	border-bottom: solid 1px #119BA9;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.mt-table .column > div.bg-pink {
	background: #FFCADC;
}
.mt-table .column > div.bg-blue {
	background: #ADDDE2;
}
.mt-table .column > div > i.fa-heart {
	position: absolute;
	top: 0;
	right: 0;
	color: #E51C23;
}
/* 月经与体温 end */
.selfRecord-table .tr {
	display: -webkit-flex; /* Safari */
  	display: flex;
  	align-items: stretch;
}
.selfRecord-table .tr .td {
	display: -webkit-flex; /* Safari */
  	display: flex;
  	justify-content: center;
  	align-items: center;
	padding: 6px 8px;
	line-height: 20px;
	color: #333;
	border-top: solid 1px #55C7AD;
	text-align: center;
}
.selfRecord-table .tr .td:first-child {
	width: 25%;
	border-right: solid 1px #55C7AD;
}
.selfRecord-table .tr .td:last-child {
	width: 75%;
}
.selfRecord-table .tr .td.width_100 {
	width: 100%;
}
#selfRecordTable2 .tr .td:first-child {
	width: 85%;
	justify-content: left;
	border-right: solid 1px #55C7AD;
}
#selfRecordTable2 .tr .td:last-child {
	width: 15%;
}
/* begin 表格题型 */
.selfRecord-table .table {
 	table-layout:fixed;
 	margin-bottom: 0;
 	border: none;
 	border-top: solid 1px #55C7AD;
}
.selfRecord-table .table tr > th {
	border-bottom-width: 1px;
}
.selfRecord-table .table tr > th,
.selfRecord-table .table tr > td {
    border-color: #55C7AD;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}
.selfRecord-table .table tr > th:first-child {
	width: 25%;
}
.textarea {
	max-width: 100%;
	text-align: left;
}
.textarea pre {
	font-size: 14px;
	line-height: 1;
}
/* end 表格题型 */
/* end table */
.selfRecord-none {
	text-align: center;
	padding: 50px 0;
	border-top: solid 1px #b0c0e7;
}
.selfRecord-none1 {
	text-align: center;
	padding: 50px 0;
}
.tooth-wrap {
	padding: 40px 0;
	border-top: solid 1px #b0c0e7;
}
.tooth {
	position: relative;
	text-align: center;
}
.tooth > div {
	position: absolute;
}
.tooth > div.tooth01 {
	left: calc(50% - 110px);
	top: -15px;
	color: #8F0404;
}
.tooth > div.tooth02 {
	right: calc(50% - 115px);
	top: -15px;
	color: #8F0404;
}
.tooth > div.tooth03 {
	left: calc(50% - 160px);
	top: 15px;
	color: #ff9800;
}
.tooth > div.tooth04 {
	right: calc(50% - 165px);
	top: 15px;
	color: #ff9800;
}
.tooth > div.tooth05 {
	left: calc(50% - 190px);
	top: 50px;
	color: #259B24;
}
.tooth > div.tooth06 {
	right: calc(50% - 195px);
	top: 50px;
	color: #259B24;
}
.tooth > div.tooth07 {
	left: calc(50% - 215px);
	top: 90px;
}
.tooth > div.tooth08 {
	right: calc(50% - 220px);
	top: 90px;
}
.tooth > div.tooth09 {
	left: calc(50% - 240px);
	top: 165px;
	color: #5E2BB3;
}
.tooth > div.tooth10 {
	right: calc(50% - 246px);
	top: 165px;
	color: #5E2BB3;
}
.tooth > div.tooth11 {
	left: calc(50% - 246px);
	top: 255px;
	color: #5E2BB3;
}
.tooth > div.tooth12 {
	right: calc(50% - 246px);
	top: 255px;
	color: #5E2BB3;
}
.tooth > div.tooth13 {
	left: calc(50% - 225px);
	top: 325px;
}
.tooth > div.tooth14 {
	right: calc(50% - 225px);
	top: 325px;
}
.tooth > div.tooth15 {
	left: calc(50% - 195px);
	top: 370px;
	color: #259B24;
}
.tooth > div.tooth16 {
	right: calc(50% - 195px);
	top: 370px;
	color: #259B24;
}
.tooth > div.tooth17 {
	left: calc(50% - 163px);
	top: 403px;
	color: #ff9800;
}
.tooth > div.tooth18 {
	right: calc(50% - 163px);
	top: 403px;
	color: #ff9800;
}
.tooth > div.tooth19 {
	left: calc(50% - 105px);
	top: 433px;
	color: #8F0404;
}
.tooth > div.tooth20 {
	right: calc(50% - 105px);
	top: 433px;
	color:#8F0404;
}
.tooth-startTime {
	margin-bottom: 30px;
	text-align: center;
}
.tooth-tips {
	margin: 0 10% 20px;
}
.tooth-tips > .tit {
	color: #119BA9;
}